import Vue from 'vue'
import App from './App.vue'
import router from '@/router'
import store from "@/store";
import 'swiper/css/swiper.min.css'//引入轮播图的样式
import '@/mock/mockServer.js'
import '@/plugins/validate'
Vue.config.productionTip = false
//第一种写法 目的是为了让api中的index.js文件执行 测试接口数据是否获取成功
/*import  '@/api'*/
//第二种写法 测试接口
// import {reqCategoryList} from "@/api";
// reqCategoryList()
import VueLazyload from 'vue-lazyload'
import loading from '@/assets/images/loading.jpg'
// 在图片界面没有进入到可视范围前不加载, 在没有得到图片前先显示loading图片
Vue.use(VueLazyload, { // 内部自定义了一个指令lazy
  loading,  // 指定未加载得到图片之前的loading图片
})


import * as API from '@/api'// 引入api
//全局注册组件
import TypeNav from '@/components/TypeNav'
import Pagination from '@/components/Pagination'
import SwiperLoop from '@/components/SwiperLoop'
Vue.component('TypeNav',TypeNav)
Vue.component('Pagination',Pagination)
Vue.component('SwiperLoop',SwiperLoop)

//elementUI组件
import { Button, MessageBox,Message,Input} from 'element-ui';
Vue.use(Button,Input)

Vue.prototype.$alert = MessageBox.alert;
Vue.prototype.$msgbox = MessageBox;
Vue.prototype.$message = Message;//用来做提示消息替代我们的alert

new Vue({
  beforeCreate() {
    Vue.prototype.$bus=this//全局事件总线
    Vue.prototype.$API=API
  },
  render: h => h(App),
  router,
  store
}).$mount('#app')
